<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* .p1{
            color: red;
        }
        .p2{
            color: red;
        }
        .p3{
            color: red;
        } */
        .red{
            color: red;
        }
        .bold{
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form action="">
        <!-- 不同的属性可以用同一个属性值 -->
        <input type="text" name="text" class="text" id="text">
        <!-- id必须唯一 -->
        <!-- <input type="text" id="text"> -->
        <!-- 在同一个表单里面同一个输入选项name唯一，也就是同一组的输入框的name值是唯一的 -->
        <!-- <input type="text" name="text"> -->
        
        <input type="radio" name="gender">
        <input type="radio" name="gender">
    </form>
    <form action="">
        <input type="text " name="text">
    </form>
    <!-- 一个元素有多个class用空格分开
        多个元素可以公用一个class
    -->
    <p class="red bold" title="title测试">文字一</p>
    <p class="red">文字二</p>
    <p class="red">文字三</p>
    <span data-msg="hello" data-name="赵铁柱" id="span"></span>
</body>
</html>